import * as echarts from 'echarts'
import chinaJSON from '@/utils/china.json'
let chinas:any = chinaJSON
function chinaMap() {
  echarts.registerMap('china',chinas)
 return  {
    geo: {
      map: 'china',
        roam: true, //是否允许缩放，拖拽
        zoom: 1, //初始化大小
                 //缩放大小限制
        scaleLimit: {
        min: 1, //最小
          max: 2, //最大
      },
      //设置中心点
      center: [105.97, 29.71],
        //省份地图添加背景
        itemStyle: {
        areaColor: '#2273fc',
          color: 'red',
          borderColor: '#232652',
          borderWidth: 2,
      },
      //高亮状态
      emphasis: {
        itemStyle: {
          areaColor: '#1af9e5',
            color: '#fff',
        },
      },
    },
    //配置属性
    series: {
      type: 'effectScatter',
        coordinateSystem: 'geo',
        showEffectOn: 'render',
        rippleEffect: {
        //涟漪特效相关配置
        brushType: 'stroke', //波纹的绘制方式，可选 'stroke' 和 'fill'
      },
      hoverAnimation: true, //是否开启鼠标 hover 的提示动画效果
        label: {
        //图形上的文本标签，可用于说明图形的一些数据信息，比如值，名称等，
        normal: {
          formatter: '{b}',
            position: 'right',
            show: true,
        },
      },
      itemStyle: {
        //图形样式，normal 是图形在默认状态下的样式；emphasis 是图形在高亮状态下的样式，比如在鼠标悬浮或者图例联动高亮时
        normal: {
          color: '#ffffff', //散点的颜色
            shadowBlur: 10,
            shadowColor: 20,
            fontSize: '12px',
        },
      },
      zlevel: 1,
    },
  }
}

export{chinaMap}
